<?php
	header("Content-Type:text/html;charset=utf-8");
    //连接数据库
    require ('../api/config.php');
	if($username){ echo 'alert("'.$username.'，您已登录账号");window.location.href="../";'; }

?>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" type="text/css" href="../style/css/element-ui2.15.13.css"/>
		<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.4.2/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../style/vue/element-ui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../style/vue/md5.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../style/css/login.css"/>
		<title>Login | TOP图片收集管理系统</title>
	</head>
	<body>
		<div id="app">
			<el-container>
				<el-header id="top" style="background: #666;">
				<div id="title">
					<h3 id="title-h3" style="color:#fff">TOP图片收集管理系统</h3>
				</div>
				</el-header>
				<div id="msg"><div id="msg-text">
					<div id="text-list">
						<ul id="text-ul">
						<li id="text-list-title">TOP图片收集管理系统！</p>
						<li id="text-list-li">美好的事情即将发生</li>
						<li id="text-list-li">去到想去的远方</li>
						<li id="text-list-li">见到想见到的人</li>
						<li id="text-list-li">梦和远方都可以去追逐</li>
						<li id="text-list-li">始于2019仲夏~</li>
						<li id="text-list-bottom">2024年夏</li>
						</ul>
					</div>
				</div>
				<div id="msg-login">
					<div id="login" v-if="on">
						<div id="login-title"> <span id="login-title-span">注册账号（通用）</span> </div>
						<div id="login-input">
							<li id="login-input-li">
							<el-input placeholder="用户名" id="login-user" v-model="username" maxlength="10" minlength="2" show-word-limit clearable>
							<span slot="prepend">用户名</span>
							</el-input></li>
							<li id="login-input-li"><el-input placeholder="QQ账号" id="login-qq" v-model="qqnum" maxlength="10" minlength="6" show-word-limit clearable><span slot="prepend">Q Q</span></el-input></li>
							<li id="login-input-li"> <el-input placeholder="邮箱地址（找回密码）" id="login-email" v-model="email" maxlength="25" minlength="5" clearable><span slot="prepend">邮箱</span></el-input></li>
							<li id="login-input-li" class="ver-li"><el-input placeholder="验证码" id="login-ver" v-model="ver" maxlength="5" minlength="5" clearable> <span slot="prepend" id="ver-li-span">验证码</span><img slot="append" :src="verimg" @click="ver_img" alt="验证码" id="verimg"></el-input></li>
							<li id="login-input-li"><el-input placeholder="密码（6~15位）" id="login-pass" v-model="password" maxlength="15" minlength="6" show-password><span slot="prepend">密码</span></el-input></li>
							<li id="login-input-li"><el-input placeholder="确认密码" id="login-pass" v-model="conpassword" maxlength="15" minlength="6" show-password><span slot="prepend">确认密码</span></el-input></li>
							<li id="login-open"><el-button @click="login_open" id="login-open-go">注册</el-button></li>
							<li id="login-input-li"><a @click="logon" id="login-span-left">已有账号,去登录</a></li>
						</div>
					</div>
				</div>
				<el-footer id="bottom" style="height: 35px;">
					Copyright © 2024 TOP图片收集管理系统 All rights reserved. 
				</el-footer>
			</el-container>
		</div>
	</body>
	<script src="../style/vue/axios.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../style/js/login.js" type="text/javascript" charset="utf-8"></script>
</html>
